<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <!-- Sweet alert -->
    <link href="../css/plugins/sweetalert/sweetalert.css" rel="stylesheet"/>
    <script th:src="@{/static/js/plugins/sweetalert/sweetalert.min.js}"></script>
    <title>发送通知</title>

    <link rel="shortcut icon" href="static/favicon.ico"/>
    <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet"/>
    <link href="../css/font-awesome.css?v=4.4.0" rel="stylesheet"/>

    <!-- jqgrid-->
    <link href="../css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet"/>

    <link href="../css/animate.css" rel="stylesheet"/>
    <link href="../css/style.css?v=4.1.0" rel="stylesheet"/>
    <link rel="stylesheet"  th:href="@{/static/css/lin/easyui.css}"/>
    <script th:src="@{/static/plugin/jquery/jquery-3.2.1.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/plugins/wangEditor.min.js}"></script>
    <script th:src="@{/static/js/lin/notice.js}"></script>
    <script th:src="@{/static/js/lin/jquery.min.js}"></script>
    <!--<script th:src="@{static/js/lin/jquery.easyui.min.js}"></script>-->
    <style>
        /* Additional style to fix warning dialog position */
        #alertmod_table_list_2 {
            top: 900px !important;
        }
    </style>

</head>

<body class="gray-bg">


<div id="loading" style="text-align: center;display: none">
    <img alt="alt" th:src="@{../img/loading.gif}"/>
</div>


<div class="container">
    <table class="table table-striped table-bordered table-hover">
        <tr>
            <td>标题</td>
            <!--<td>内容</td>-->
            <td>通知类型</td>
            <td>创建时间</td>
            <td >操作</td>
        </tr>
        <tr th:each="notice:${noticelist}">
            <td th:text="${notice.title}">标题</td>
            <!--<td>内容</td>-->
            <td th:text="${notice.type}">通知类型</td>
            <td th:text="${notice.createtime}"></td>
            <td>
                <button type="button" class="btn btn-primary btn-xs" th:onclick="|showModal( ${notice.id} )|">查看</button>
            </td>
            <!--<td>-->
                <!--&lt;!&ndash;<button type="button" class="btn btn-danger btn-xs" th:onclick="|deleteModal( ${notice.id} )|">删除</button>&ndash;&gt;-->
            <!--</td>-->
        </tr>
    </table>
</div>

<!-- 修改弹窗  -->
<div class="" id="editModal"  title="查看消息">
    <div>查看消息</div>
</div>
<!-- 全局js -->

<script src="../js/bootstrap.min.js?v=3.3.6"></script>


<!-- Peity -->
<script src="../js/plugins/peity/jquery.peity.min.js"></script>
<script src="../plugin/layer/layer.js"></script>
<script type="text/javascript">
    function showModal(id) {
        console.log(id);
        layer.open({
            type: 2,
            title: '查看通知',
            maxmin: true,
            shadeClose: true, //点击遮罩关闭层
            area : ['95%' , '95%'],
            content: '/notice/'+id+'.htm'
        });

    }
    
    function deleteModal(id) {
        
    }
</script>


</body>

</html>
